@charset "utf-8";
/* -------------------------------- */
/* paneo paneo page design style    */
/* -------------------------------- */

@import 'styleset';

body {
    font-family:        $mainfont;
    color:              $main_color2;
    background-color:   $main_color1;
}

#headline {
background-color                       : $main_color2;
height                                 : 9px;
width                                  : 100%;
position                               : fixed;
top                                    : 0;
margin                                 : 0;
padding                                : 0;
z-index                                : 999;
}

/* logo */
h2.logo {
font-size                              : 4em;
line-height                            : 2;
text-indent                            : 100%;
white-space                            : nowrap;
overflow                               : hidden;
background-image                       : url( ${paneoimg("site_img1")} );
background-size                        : contain;
background-repeat                      : no-repeat;
}

a.logo {
margin-top                             : -5%;
display                                : block;
line-height                            : 4;

background-image                       : url( ${paneoimg("site_img1")} );
background-size                        : contain;
background-repeat                      : no-repeat;

text-indent                            : 100%;
white-space                            : nowrap;
overflow                               : hidden;
text-indent                            : -9999px\9;
}

/* global navi */
nav#global {
@include clearfix;
@include boxcheck;
text-align                             : right;
clear                                  : both;
z-index                                : 999;
margin                                 : 0 auto;
}

nav#global ul#link {
position                               : fixed;
top                                    : 9px;
border:                                : 1px solid #000000;
width                                  : 500px;
float                                  : right;
padding                                : 1% 0 1% 1%;
border                                 : 1px solid #e0e0e0;
}

nav#global ul#lik {
margin-bottom                          : 5px;
}

// ul {
// list-style-type                        : none;
// margin                                 : 0;
// padding                                : 0;
// }
// 
// section {
// margin-bottom                          : 2%;
// }
// 
// 
// footer {
// background-color                       : #000000;
// color                                  : #ffffff;
// }
// 
// footer p {
// text-align                             : center;
// }
// 
// /* sogokan css */
// div#topright {
// margin-top                             : 85px;
// }
// 
// #pagenavi {
// opacity                                : .8;
// position                               : fixed; 
// bottom                                 : 0; 
// width                                  : 100%; 
// height                                 : 64px;
// background-color                       : #e0e0e0;
// }
// 
// footer {
// margin-bottom                          : 64px;
// }
// 
// /* top */
// section#top-main-visual {
// margin-bottom                          : 2%;
// }
// 
// nav#anchor-navi ul {
// margin-bottom                          : 2%;
// }
// 
// nav#anchor-navi li {
// float                                  : left;
// margin                                 : 0 .5%;
// border                                 : 1px solid #909090;
// padding                                : 0 .7%;
// }
// nav#anchor-navi li a {
// font-size                              : 0.5em;
// }
// 
// 
// 
// 
